<template>
  <div class="home">
    <a-button type="primary" ghost @click="toPath('/test/test')">这是一个很远很远的故事</a-button>
  </div>
</template>

<script setup>
import { ref, reactive, computed, watch, watchEffect } from 'vue'
import routes from '@/router/routes'
import { useRouter } from 'vue-router'
const router = useRouter()
const toPath = item => {
  router.push(item)
}
</script>

<style lang="less" scoped>
.home {
  width: 100%;
  height: 100vh;
}
</style>
